/* 	Recomendaciones generales:

	Archivo Less dedicado exclusivamente para el diseño en dispositivos móviles.
	El tamaño máximo será de 640px.
*/

/* 1. Variables less */

@import "/Style Library/plantilla/fonts/font-face.css";
@import "/Style Library/plantilla/estilos/less/vars.less";

/* ======================================================================================= */
/* =========================== ESTILOS DISPOSITIVOS MÓVILES ============================== */
/* ======================================================================================= */

@media (max-width:640px) {



#pagecontent .sliderprincipalNinos{
       .owl-theme .owl-nav{
       	display: none;
       }
    }

/**********************************AJUSTE TRAPARENCIA****************************************/

#contenidoTransparencia{
    .calificacion .rating {
        width: 100% !important;
        padding: 0px !important;
    }
    .contBtnRedesVertical {
        width: 100%;
        position: relative;
        right: 0px;
        top: 0px;
        display: inline-block;
 
        a {
		    display: inline-block;
		}
    }
}


/********************************************************************************/
    /*******************************ENCABEZADO*********************************/
    /********************************************************************************/
	
	
	 
    .container-fluid.superContHeader {   	 
  
        .contHeaderLogos {
        	padding-left: 15px;    
    		padding-right: 15px;
        	padding-bottom: 0px;

            .contLogoMenu { 
				.logoFogacoop {
					img{
					margin-top: 7px;
					margin-left: 20px;
					height: 45px; 
					}   
				} 

				.minhaciendaLogo {
					img {						
						margin-top: 35px;
						height: 45px; 
						float: left; 						
					} 
				}
				.miniMenuH {
				    display: none; 
				     

				}	         

            }             
		}  
		
		
    }
  

	

	.headerAbsolute {  
        .superContHeader {  
            .contHeaderLogos {
                .contLogoMenu {
					
                    .logoFogacoop { 
                        img {
                            margin-bottom: 26px !important; 
                            margin-top: 8px; 
                            height: 38px;     
                        }  
                    }  
                }

                .logosGobiernoPortalKids img {
					height: 48px; 
					margin-top: 0px;                     
                }
            }
        }
    }

/********************************************************************************/
/*******************************ENCABEZADO seguro para SU AHORRO*********************************/
/********************************************************************************/
header#seguroparasuahorro{
    .logoFogacoop span {
    font-size: 14px;
    text-align: center;
   }
   .cont_primerheader .redesFlotantes ul.cont_redesFlotantes li {
    width: 30px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}


 .logo-seguro {
		    width: 60%;
		    float:left;
		    margin-left: 15px;

		    

    	   img{
			position: relative;
			height: 25px !important;
			margin-top: 37px !important;     
		   } 
		   
		   img#imgLemaGov {	 			
				margin: 26px 0px !important;
				height: 54px !important; 
			}
		}

		.logoFogacoop {
		    width: 36%;    
		    float:left;  

		    img {     
	  		  position: relative;
			height: 32px !important;
			margin-top: 37px;
			width: 215px;
			float: right;      
			} 
		}

}


    section.contenidoAccesosSA {
    background: #f2f2f2;
    margin-top: 0px;
}
/*******************************ENCABEZADO seguro para SU AHORRO*********************************/



		/* Footer Seguro para su ahorro */
	footer#seguroparasuahorroFooter {

		    margin-top: 0px;

		.contFooter1 {
		    height:  auto;
		    float:  left;
		    margin-bottom:  40px;
		    text-align:  center; 
		    margin-top: 0% !important;

		   .sedePrincipal ul li p {			    
			    text-align: center;
			    width: 100%;
			}
		}
		.txtSPrincipal {
		    text-align: center !important;
		}

		.contFooter2{
			    padding-top: 30px;
	    		padding-bottom: 30px;
		}

		.logosGobierno {  
		    margin-top: 0px;
		    width: 100%; 
			margin: 0 auto;
			margin-bottom: 20px; 

            img{
	        	width: auto;
				height: 54px;
				margin: 0 auto;  
            }
		} 
	}



	
	/* Footer Seguro para su ahorro */
	
    

    .sliderprincipalNinos.seguroAhorro {
        background-color:  transparent !important; 
        margin-top: 0 !important;
    }

    .videoSeguro {
        margin-top:  35px;
    }

    .videoSeguro iframe {
        height: 200px;
    }

    .seguroAhorro .contentimgslider { 
	    height: auto !important;
	}

	.liAccesosS {
	    width:  100%;
	    margin-bottom:  25px;
	}

	.superContVideoAhorro {
	    margin-top:  0px;
	}

	.seguroAhorro .owl-nav {
	    display:  none !important;  
	}
    /* Seguro para su ahorro */
	/* Directorio */
    #DirectorioDetalle li.active {
	    width: 100%;  
	}
    /* Directorio */
	/* Foro */
		.urlvolver{ 
		    	margin-top: 25px;
		    } 

	    .listadoForo{
        .superContForo {
            .foros {
                .ms-comm-refreshIcon-a { 
                    margin-top: -30px; 
                }
            }
        }
    }

    .superContDForo .contForoG .ms-comm-rootPostContainer .ms-core-defaultFont p {
		    max-width: 200px;
		}
    /* Foro */
	/* Portal Niños */
		#contFaq li.active {
	    width: 100%;
	}
	 .menuPUlLi{
        opacity: 0.98 !important;
        #menuGeneralSharepoint {
             li.dropdown.open {
                a{
                    background-color: transparent !important;
                }
            }
            li.dropdown{
                padding-left: 30px !important; 
            }
        }

        .input-group {
            margin-top:  30px;
            position: relative;
        }

        .contBtnRedes.btn-redes-ninos {
            margin-bottom:  30px;
            float:  left;
            width:  100% !important;
            padding:  0px;
        }

        .ms-tableCell.ms-verticalAlignTop {width:  100%;}

        .menuPUlLi {
            opacity: 0.95 !important;
        }

        .contBtnRedes.btn-redes-ninos .fb-like.fb_iframe_widget {
            left:  0;
            top: 2px;
            width: 76px !important;  
            margin-left:  0%; 
        }

        .contBtnRedes.btn-redes-ninos .facebookShareButton {margin-left:  25%;}

        div#SearchBox {
            bottom:  0px;
            left:  0;
            width: 98%;
        }
    } 

    .sliderprincipalNinos .contImg .contText h2 {
    /* color: #143d8d; */
	    color: #143d8d !important; 
	}

	.seccionGirl {
        height: auto;
        padding-bottom: 20px !important;
        .grillaInfo {
            width: 100% !important;
            height: auto !important;
            margin-left: 0%;
            margin-bottom: 30px;
            .ms-rtestate-field{
                padding-bottom: 50px;
            }
        }

        .grillaInfoOculto {
            display: none;
        }

        .contImgNina {
            height: auto !important; 
            background-color: transparent;
        }
    }

    .seccionPeople .iconosPeople ul li {
	    width: 100%;
	}

	.seccionPeople .iconosPeople .item {
	    padding-right: 0px !important;
	}

	.seccionPeople .textPeople {
	    min-height: 100px;
	}

	/* Portal Niños */

	 #contCooInscritas .nav-tabs { 
        .contUlFAQ{
            overflow: hidden;
            overflow-x: scroll;   
        } 
    } 

	/*Mapa Cooperativas*/
            #mapacooperativas{ 
                #map-canvas-todas{
                    width: 100% !important; 
                }
            } 
            /*Mapa Cooperativas*/
	/* IMG Contenido Imagenes */
	.fixedConteSinImg{
		.contentInfo{
			img{
				width: 100% !important; 
				height: auto !important; 
			}
		}
	}

	/* IMG Contenido Imagenes */
	
	/* Comentarios*/
	.box-authenticate .box-login {
	    width:  100%;
	}

	.box-authenticate .box-login a{
	    margin-top: 10px;  
	}

	.box-authenticate p {
	    width:  100%;
	    margin-bottom: 15px;
	    margin-top:  0px;
	}

	.box-mensaje{
		width: 100%; 
	}
	/* Comentarios*/

	/*.accesosRapidos{ 
		display: none;
	}*/

	/*------------General-----------------------*/
	/*.breadcrumb { 
    	display: none;
    }*/

    .container.contentbreadcrumb {
            width: 100%;
            padding: 0px;   
        }


   /*------------/General -----------------------*/

	/* Contenido de Paginas*/
    section.contSinImgSinMenu{

    	h1 {
        	margin-left: 0px !important;
    	}

    	.contentInfo {
            padding-right: 0px !important;
        }
    }
    /* Contenido de Paginas*/

	#ms-designer-ribbon {
		overflow: hidden;
		width: 320px;
	}
	.container {
		padding: 0 15px;
	}
	

	.cont_primerheader {
		display: none;
	}
	.b_accesibilidad {
		display: none;
	}
	.miniMenuH {
		display: none !important;
	}
	/*.logoFogacoop {
		margin-left: -50%;
		transform: translateX(50%);
		text-align: center;

		img {
			width: 100% !important;
			max-width: 237px;
			margin: auto;
		}
	}*/

	/**** Header Portal Home: Ajuste imagenes del gobierno ****/

	.logosGobierno {

		/*display: none;	*/
		
		#imgMinHacienda {
			padding-top: 5%;
    		padding-left: 5%;
		}

		#imgLemaGov {
    		padding-left: 16%;
    		padding-top: 3%;
		}

	}

	/**** Header Portal Niños: Ajuste imagenes del gobierno ****/

	.logosGobiernoPortalKids {

		 	
		
		#imgMinHacienda {
			padding-top: 5%;
    		padding-left: 5%;
		}

		#imgLemaGov {	 			
    		padding-top: 3%;
		}

	}

	/**** Nuevo bloque redes Sociales ****/

	#redes-mobil{
		display: block;
		background-color: @fblue;
		padding: 10px 0;
		height: 47px;
		.btnRedesSocialess{
			float: left;
			position: relative;
			margin-left: 16%;
			a {
			    display: block;
			    text-align: center;
			}
	        .face {
	            border: 1px solid #fff;
	            border-radius: 61%;
	            font-size: 12px;
	            padding: 4px;
	            color: #fff;
	            margin: 2px;
	            width: 21px;
	            text-align: center;
	        }
	        .tweet {
	            border: 1px solid #fff;
	            border-radius: 61%;
	            font-size: 12px;
	            padding: 4px;
	            color: #fff;
	            margin: 2px;
	            width: 21px;
	            text-align: center;
	        }
	        .linkedin {
	            border: 1px solid #fff;
	            border-radius: 61%;
	            font-size: 12px;
	            padding: 4px;
	            color: #fff;
	            margin: 2px;
	            width: 21px;
	            text-align: center;
	        }
	        .rss {
	            border: 1px solid #fff;
	            border-radius: 61%;
	            font-size: 12px;
	            padding: 4px;
	            color: #fff;
	            margin: 2px;
	            width: 21px;
	            text-align: center;
	        }
        }
	}


	/**** General: Ajuste redes Sociales ****/
	.redesFlotantes {
	    background-color: @colorTextBlue;
	    padding: 0;
	    position: relative !important;
	    right: 0 !important;
	    border-radius: 0px !important;
	    margin-bottom: 0px;
	    margin-top: 0px;
	    display: inline-block !important;
    	width: 100% !important;
    	height: 51px !important;
	}

	.cont_redesFlotantes {
	    padding: 0;
	    position: initial;
	    right: 0;
	    border-radius: 0px;
	    margin-bottom: 5px;
	    margin-top: 0px;
	}
	.cont_redesFlotantes li.dfwp-item {
		float: left;
		width: 7%;
		margin-left: 14%;
		padding-top: 1%
	   
	}

	.cont_redesFlotantes li:last-child {
	    padding-right: 0px;
	} 

	.cont_redesFlotantes .cont_iconoRedes {
		height: 41px;
		width: 41px;
		margin-top: -5px;	
	}

	.cont_acceRapidos {
   
		float: left;
		display: inline-block;
		width: 100%;
		margin: 1px 0;
		padding: 10px;
		background-color: @colorWhite;

		li.dfwp-item {
			width: 100% !important;			
			float: left;
			display: inline-block;
			width: 100%;
			position: relative;
			 margin-bottom: 30px;
			&:first-child{
				.cont_icono img {
					float: left;
				}
			}
			&:last-child{
				.cont_icono img {
					float: right;
				}
			}
			.cont_icono svg {
				width: 89px !important;
				height: 89px !important;
			}
			.cont_titulo { 
				
				a {
					font-size: 15px !important;
					height: 0;
				}
			}
		}
	}


	/*.internos {
		background: @colorWhite;

		li.dfwp-item {
		 	
			.cont_titulo {
				display:block;
				float: left;
				padding: 0px;
				width: 100%;

				a {
					font-size: 10px !important;
					height: 0;
				}
			}

			.cont_icono {		    
					float: left;
					width: 100%;
					
			    img {
				     float: none !important;
				} 

			}
		}
	}*/






/********************************************************************************/
/*******************************FIN SERVICIOS ACCESOS RAPIDOS***********************/
/********************************************************************************/
	.cont_NotiBole{
		width: 100%;
	}

	.WidgetNoticias{
	border-right: 0px solid lightgray;
	margin-right: 0% !important;
	width: 100%;
	/*min-height: 400px;*/
	}

	.WidgetNoticias .ver {
	    position: relative !important;
	    bottom: -20px !important;
	    left: 0px !important;
	    width: 100%;
        margin: 0 auto;
    	margin-bottom: 30px;
    	margin-top: 30px;
	}

	.WidgetNoticias .owl-dots { 
	    position: relative;
	    bottom: -20px;
	}

	.WidgetBoletin .ver {
	    position: relative !important;  
	    bottom: -20px !important;
	    left: 0px !important;
	    width: 100%;
        margin: 0 auto;
    	margin-bottom: 30px;
	}

	.WidgetNoticias, .WidgetBoletin {
		.noti {
			width: 100%;
			/*height: 115px !important;*/ 

			.imagennoti {
				width: 100% !important;
				height: 168px;  
				img {
					width: 100%;
				}   
			}

			.imagenBoletin { 
				width: 219px !important;
				height: 355px;
				min-height: 311px;
				margin: auto;
				img {
					width: 100%;
				}
			}

			.contBtnRedes{
				right: 0%;
				padding: 0px;
				left: 0px;
    			top: 5px;
			}

			.cont_fecha{
				margin-top: 0px;  
				    width: 100%;
			}
		}
		.titulonoti {
			height: auto;
			margin-top: 20px;

			h3 {
				line-height: 1.45;
			}
			/*p.resumenoti {
				display: none;
			}*/
		}


		.contBtnRedes {
			top: 115%;

			.fa {
				font-size: 12px;
			}
			.face {
				padding: 4px 6px;
			}
		}
	}


	.WidgetBoletin {

		padding-left: 0%;
    	.contBtnRedes {
    			top: 320%;
    		}

    	.descripcionnoti {
		     margin-top: 20px;
		}
	}

	#contIntRedes{
		display: none;
	}
	.cont_noticias {
		padding-bottom: 23px;
		border-bottom: 1px solid #e1e1e1;
		min-height: 400px; 
	}
	.cont_boletines {
		padding-bottom: 23px;
	}
	.ver {
		float: left;
		position: relative;
		bottom: 0;
		right: 0;

		.btn-go {
			width: 100%;
			text-align: center;
		}
	}
	.contEventos {
		margin-top: 40px;
		width: 100%;
		padding-bottom: 0%;

		.ver .btn-go{
			width: 93%;
		}

		.contEvento {
			padding-bottom: 5px;
		}
		.contBtnEventos {
			margin-top: 24px;
			position: relative;
    		right: 7%;
    		bottom: -10px;
    		width: 100%;
		}
	}
	section#multimedia {
		padding: 55px;
		padding-bottom: 0;

		.contmultimedia {
			padding-left: 15px;
			padding-right: 15px;

			.cont_vid {
				padding: 0;
			}
			.con_gal {
				padding: 20px 0;
			}
		}
		.WidgetImagenes {
			margin: 0;
			padding-left: 0;
			padding-right: 0;

			li {
				&:first-child .contenimage {
					padding-left: 0px;				    /* height: 77px; */
					padding-right: 10px;
				}
				&:nth-child(2n) .contenimage {
					padding-right: 0px;
					padding-left: 10px;
				}
				&.dfwp-item{
					a{
						/*min-height: 85px;
						height: auto;*/
						    min-height: 103px; 
    						height: 103px;   
					}
				}
			}
		}
		.verListaalbums {
			width: 90%;
			margin: 20px 5%;
		}
		#Video {
			.contentInfo{
				p{
					display: none;
				}
			}
		}
		#Audio {
			padding-left: 0px !important;
		}
	}
	
	#sliderLogosGobierno{
		padding-right: 0;
		.owl-carousel.owl-loaded{
			position: relative;
			img{
				margin: 0;
				top: 33px;
			}
		}
		.owl-nav{
			div{
		    	width: auto;
		    	height: auto;
		    	left: inherit;
		    	bottom: inherit;
		    	line-height: 1;
		    }
		    .owl-next {
			    right: 0;
			    top: 42px; 
			    position: absolute;
			}
			.owl-prev {
			    left: 0px;
			    position: absolute;
			    top: 42px;
			}
		}
	}
	#contGobierno .owl-nav {
	    display: block;
	    height: 100%;
	    width:100%;
	    bottom: 100px;
	}
	.descripcionnoti{display: none;}
	section#AccesosInteres {
		height: auto;
		background: linear-gradient(to right, @gray 63.666667%, @gray 56.666666%, @gray 100%);
		
		h2{
			font-size: 150%;
		}

		#contentAccesos {
			 h2 {
				line-height: 1;
				margin: 21px 0 15px 0;
				width: 100%;
				height: 80px;
			}
			ul {
				margin: 0px;
				padding: 0px;
			}
			li.dfwp-item {
				width: 100%;
			}
		}
		.ItemListAccesos {

			.contentIcon {
				width: 13% !important;
			}

			@media (max-width:500px) {

				.contentIcon {
					width: 18% !important;
				}
			}

			.contentInfo {
				width: 75% !important;
				p{
					display: none;
				}
			}
		}
		#contenttramites {
			height: auto;
			li.dfwp-item {
				height: auto;
				width: 100%;
			}
			.ItemListTramites {
				height: auto;
				text-align: center; 
				padding: 15px 0px 15px 0px;
				.contentInfo {
					display: block;
					width: 60%;
					margin: 0 15% 0 19%;
					h3 { 
						text-align: center;
						font-family: @ubu-med;
					}
					p {
						display: none;
					}
				}
				.contentIcon {
					height: 85px;
					max-height: 150px;
					width: 85px;
				}
				.contentIcon img {
					width: 100%;
				}
			}
		}

		.listTramiteEnLinea {
        	background: @colorWhite !important;
        	padding-top: 30px;
    	}

		.listTramiteEnLinea  h2 {
			font-size: 15px;
			text-align: center;
			padding-left: 0;
		}
	}

	.tramites {
		height: auto;
	}
	.Canales {
		margin-top: 30px;
		height: auto;
		display: block;
		position: relative;
		.ms-webpart-zone {
		    display: block;
		}
	}
	#CanalesAtencion {
		.Itemcanalesatencion {
		    padding-left: 0px;
		    margin-left: 0px; 
		}

		p {
		font-size: 13px;
		line-height: 21px;
		text-align: center;
		margin: 0;
		overflow: hidden;
	}
	}
	.tramites {
		ul {
			margin: 0 !important;
			padding: 0 !important;
		}
		#contenttramites {
			height: auto;			/*li.dfwp-item{
						height: 153px;
						width: 100%;
						.ItemListTramites a{
							.contentIcon {
								display: block;
								width: 100%
								max-height: 150px;
							}
							.contentInfo p {
						    	display: none;
							}

						}
					}*/
		}
	}

	/**************FOOTER PORTAL**************/
	footer {


		margin-top: 30px;
		height: auto;
		.menufooter {
			height: auto;
			padding-left: 15px 20px;

			#enlacesFooter {
				li.dfwp-item {
					padding: 5px;

					a {
						font-size: 12px;
					}
				}
			}
		}  

		/*ul {
			text-align: center;
			padding: 15px;
			&.enlacesFooter{
				margin-top: 65px;
			}
		}*/



		.menufooter {
		       ul#enlacesFooter {   
	            text-align: center;
	            padding: 0px;
	        }
        }	


		.lastAct {
    		height: auto;  
    		text-align: center; 

    		 li {           
            font-size: 12px;
            padding: 8px 10px 8px 0px;


             a span {               
             	 font-size: 12px;                
            }

            a span#ctl00_g_0b74287f_5aef_4c73_95c2_d83805aa69f2_urlActual {
                display: none;   
            }
		}

		 



     }

		
		.izquierda {
			padding: 25px 0 25px 0;
			width: 100%;
			

			ul {
				text-align: center;
				padding: 10px;
			}

			img {
				width: auto;
				height: 55px;
				margin: auto;  
			} 
		}
		.derecha {			
			padding-top: 0px;
			text-align: center;

			.contactos {
				p {
					font-size: 14px;
				}
			}
		}
		

		

	}


	/***********footer Portal niños********************/
	footer.colorFooter {
		margin: 0px;
	} 
	/***********fin footer Portal niños********************/
	div#btnChat {
		right: 0;
	    bottom: 0px;
	    position: fixed;
	    float: right;
	    width: 100%;
	    height: 40px;
	    z-index: 1000;
	    background-color: #0070b5;
	    border-top: 1px solid #0070b5;
	    border-left: 1px solid #0070b5;
	    border-right: 1px solid #0070b5;
	    border-radius: 0px 0px 0px 0px;
	} 
	.navegar{
		padding-bottom: 20px;
	}

	/* evento detalle*/

	.contImgEvento { /* Responsive*/ 
			padding-left: auto !important;
		    padding-right: 0px !important;
		    padding-bottom: 30px !important;
		}

	/* evento detalle*/
	.contInfoEvento {
		margin-top: 9%;
	}

	

	.container.accesosinteres {
	 padding: 0px;
	 width: 100%;
	}

	.customcontainer {
	 width: 100%;
	 margin: auto !important;
	 float: none;
	 padding: 0px 40px;
	} 



/********************************************************************************/
/*******************************MAPA del sitio*********************/
/********************************************************************************/

   div#mapasitio {
    .level-header.divTree {
    margin-left: 40px;
    position: relative;
    top: -24px;  
}
} 



	/****************************************************************************************/
	/********************************CONTENT PAGE*****************************************/
	/****************************************************************************************/
	section#contenidomenuizquieda{

		.contentImage.imgsinmenu {
	    float: none;
	    max-width: 100%;
	    padding: 0px 0px 0px 0px;
		   		
	   }

	    .calificacion {
		    text-align: center !important;
		    margin-top: 4%;
		    margin-top: -2%;
		} 


	 	.leyendaimgen {
		    margin-top: 5px;
		    margin-bottom: 20px;
		}
    }

    section#contDetalleBoletin{

		.contentImage.imgsinmenu {
	    float: none;
	    max-width: 100%;
	    padding: 0px 0px 0px 0px;
		   		
	   }

	    .calificacion {
		    text-align: center !important;
		} 


	 	.leyendaimgen {
		    margin-top: 5px;
		    margin-bottom: 20px;
		}

		.calificacion {
		    margin-bottom: 34px;
		}
    }

    	section#contWiki{

		.contentImage.imgsinmenu {
	    float: none;
	    max-width: 100%;
	    padding: 0px 0px 0px 0px;
		   		
	   }

	    .calificacion {
		    text-align: center !important;
		} 


	 	.leyendaimgen {
		    margin-top: 5px;
		    margin-bottom: 20px;
		}

		.calificacion {
		    margin-bottom: 34px;
		}
    }

    section.contSinImgSinMenu{

		.contentImage.imgsinmenu {
	    float: none;
	    max-width: 100%;
	    padding: 0px 0px 0px 0px;
		   		
	   }

	    .calificacion {
		    text-align: center !important;
		} 


	 	.leyendaimgen {
		    margin-top: 5px;
		    margin-bottom: 20px;
		}

		.calificacion {
		    margin-bottom: 34px;
		}

		.contMision{
                .col-md-8{
                    div{
                        margin-top: 0px !important;
                    }

                    ul{
                        margin-top: 0px !important; 
                    }
                }
            }
    }


	/****************************************************************************************/
    /******************************** MENU CONTEXTUAL*****************************************/
    /****************************************************************************************/

                a.level1 {
                    text-decoration: none;
                    border-style: none;
                    padding-left: 32px;
                }




    /****************************************************************************************/
    /******************************** PAGINADOR*****************************************/
    /****************************************************************************************/
		.page_navigation a, .page_navigation .alt_page_navigation a {   
		    font-size: 22px;
		    padding: 0px 9px;
		    margin: 0 5px;		   
		}


	/****************************************************************************************/
    /********************************CONTENIDO LANDING*****************************************/
    /****************************************************************************************/
    .nopaddingleft {
        padding-left: 0;
        padding-right: 0;  
    }

     #menucont_cont.container {
        width: 100%;
        /*PADDING: 0px;*/
    }

    .nopaddingleft {
        padding-left: 0;
        padding-right: 0;  
    }

    /****************************************************************************************/
    /********************************Detalle album*****************************************/
    /****************************************************************************************/
    /* Estrellas Redes */
    .rating {
	    display: inline-block;
	    float: left;
	    padding-right: 15px;
	    width: 35% !important;
	}

	.contBtnRedes {
	    /* display: inline-block; */
	    width: 65% !important; 
	    padding-left: 15px;
	    float: right;
	    border-left: solid 1px #d5d5d5;
	    height: 26px;
	    	a{
	    		float: left;
	    	}
	}

	.fb_iframe_widget {
	    width: 60% !important; 
	    span {
	    	width: 85px !important;
		    padding-left: 30px !important;
		    padding-top: 5px !important;
		    float: left !important;
		}
	}

	.calificacion {
	    padding-top: 20px;
	}
    /* Estrellas Redes */

	 section#detalle-album-fotos {

         .sectionDetalleAlbum {

            ul#gallery {
                    width: 100% !important;
				    margin: 0 auto;
				    background: @gray;
				    margin-bottom: 20px;
				    margin-top: 43px;

				   .contentimg {
				        height: auto;
					    width: 100%;
					    display: block;
					}
            }

             ul#sub_gallery {                    
                    display: none;                                                                           
            }  
        }

        .rslides img {
		    display: block;
		    height: 100%;
		    float: none;
		    width: 100%;
		    border: 0;
		    margin: 0 auto;
		    margin-bottom: 85px;
		    max-height: 100%;
		    overflow: hidden;
		}

		.centered-btns_nav { 
  			 top: 63%;    
		}

   }
   
   
/****************************************************************************************/
/********************************BLOG*****************************************/
/****************************************************************************************/
	 
		div#blogcontainer {
	    width: 100%;
		padding: 0 15px;
		 .menuuno {
			padding-right: 0px;
			padding-left: 0px;
			margin-bottom: 50px;
		}
		
		 h1.titleBlof {
			margin-bottom: 30px;
			margin-top: 0px;
			text-align: center;
		}

		.ms-blog-postBoxMargin {
		   margin-left: 0px; 
		}

		.ms-blog-postBox {
	      padding: 32px 0px !important;
	  }


	  .ms-blog-postBoxMargin {
		   margin-left: 0px; 
		    padding: 15px;
		}

		.ms-blog-postBox {
	      padding: 0px 0px 32px 0px  !important;
		}

	  .ms-blog-postBoxDate { 
	  	  float: none !important;   
		}

		.contenidoblog {
		    padding: 0px;
		}

		.ms-blog-postBoxDate {  
	    width: 105px !important;
	    height: 65px !important;
	     margin-bottom: 21px;
	     margin-top: 20px;
	 }

	.ms-blog-postBoxMargin h2 {
	    margin-top: 0px;
	    margin-bottom: 25px;
	}


	
	 .footer .footerinfo {
	    margin-left: 8px;
	    padding-top: 14px;
	}


	.ms-blog-command {
        padding-left: 1px;
	    padding-right: 8px;
	}
	 
 }

	/****************************************************************************************/
	/********************************Atencion Ciudadana*****************************************/
	/****************************************************************************************/

	section.atencionCiudadana {



        .pageatecion {
            padding-left: 0px !important;



	            .iconatencion {
				padding: 0px;

				ul.atencionc {
				    margin: 0px;
				    padding: 0px;

				    	li.dfwp-item {

						.iconAtencion {

							.imgatencion {
							       height: 78px !important;
								    width: 77px !important;
								    display: block !important;	
							}
						}
					}
				}	
				
			}

			.itemscategoria   {			
						
				ul.atencionItem {
				    margin: 0px;
				    padding: 0px;

			    	span.read-more .masver {						  
					    display: block;
					}
					span.read-more {
					    position: absolute;
					    right: 36px;
					    top: -53px;
					}
				    .box-canal {
					    margin-top: 37px;
					    display: none;			

					}
				    	
				}
			}	
        }
    }


 /*=========================================================================================================*/
/*=======================================DETALLE VIDEOS=====================================================*/
/*=========================================================================================================*/

    section#detalleVideo {

    	div#contenedorvideos {
			    width: 100%;
			}

        .portadadetalle {

            .listavideos ul {
                width: 100%;            
            }

             .embed-responsive-16by9 {
                    width: 92%;
                    margin: 0 auto;
                }

        }


          .listadetalle {               
            .listavideos ul li:first-child .imagenvideo {
                margin-left: 0px;   
            }
        }

    }




/*=========================================================================================================*/
/*=======================================DETALLE VIDEOS=====================================================*/
/*=========================================================================================================*/

section#audios {
   
    div#contenedorAudio {
	    width: 100%;
	}


	div#listaAudios {
	    width: 100%;
	}


    .contenedoraudio {
        width: 100%!important;
      
   }

   div#audioWrap {
        width: 90% !important;        
  }

  #componentWrapper .volume_bg {   
    width: 61%;
   
}

	#componentWrapper .controls_toggle {  
	    width: 9%;   
	}
 
	 #componentWrapper .player_mediaTime_current {  
	    width: 15%;	    
	}


	#componentWrapper .player_progress {    
 	   width: 44%;
    }

    #componentWrapper .player_volume_wrapper {   
    width: 24%;    
   }

   
}  


    /****************************************************************************************/
    /********************************NORMATIVIDAD*****************************************/
    /****************************************************************************************/

    section#contNormatividad {    

		.container {  
            width: 100%;
            padding: 0px;
        }
    
        .nopaddingleft {
            width: 100%;
            padding-right: 0px;
        }

        .contentdocumento {
            width: 100%;
            padding: 0px;
        }

        .calificacion{
            display: none;
        }

       .panel-heading .accordion-toggle:after {  
            left: 13px;     
        }

         .panel-group .panel-heading {
		    border-bottom: solid 1px;
		    border-color: #0177c0;
		    padding: 2% 2% 3% 2%;
		}

	    a.accordion-toggle {
		    padding-left: 22px;
		}
		.encabezado {
			
			padding: 0px !important;
		    height: 40px !important;
		    margin-bottom: 30px !important;

		    .publicacion{
		    	display: none;   
		    }
		    .nombre {
                    font-size: 19px;  
                     margin-bottom: 0px;
            }
		    .descripccion{  
		    	display: none;  
		    }
		    .verdc {
                   display: none;
            }

		    .sizeDocumento {  
			    display: inline-block !important;
			    margin-left: 2% !important;
			}
		}

		 .contDocs {
		 	.formatoDocumento {
			    padding-left: 0px;
			    margin-bottom: 28px;
		    }

		    .descripcionDocumento {
			    margin-bottom: 20px;
			}

		 }
		
    }


 /****************************************************************************************/
    /********************************PREGUNTAS FRECUENTES*****************************************/
    /****************************************************************************************/

    #contFaq .scrollPreguntas {
    height: 96px;   
    overflow-y: hidden;
    overflow-x: scroll;
    position: relative; 
}

 



/******************************************************/
/***********************LISTADO DE DOCUEMENTOS********/
/******************************************************/

  #listadoDocumentos  {    

		.container {  
            width: 100%;
            padding: 0px;
        }
    
        .nopaddingleft {
            width: 100%;
            padding-right: 0px;
        }

        .contentdocumento {
            width: 100%;
            padding: 0px;
        }

        .calificacion{
            display: none;
        }

       .panel-heading .accordion-toggle:after {  
            left: 13px;     
        }

         .panel-group .panel-heading {
		    border-bottom: solid 1px;
		    border-color: #0177c0;
		    padding: 2% 2% 3% 2%;
		}

	    a.accordion-toggle {
		    padding-left: 22px;
		}
		.encabezado {
			
			padding: 0px !important;
		    height: 40px !important;
		    margin-bottom: 30px !important;

		    .publicacion{
		    	display: none;   
		    }
		    .nombre{
		    	display: none;
		    }     
     
		    .descripccion{  
		    	display: none;
		    }

		    .sizeDocumento {  
			    display: inline-block !important;
			    margin-left: 2% !important;
			}
		}

		 .contDocs {
		 	.formatoDocumento {
			    padding-left: 0px;
			    margin-bottom: 28px;
		    }

		    .descripcionDocumento {
			    margin-bottom: 20px;
			}

		 }
		  
    }



/********************************************************************************/
/*******************************NIÑOS*********************/
/********************************************************************************/

.bannerExplora .contBannerNinos h2 {
    text-align: center;
    font-size: 47px !important;
    font-family: shadows;
    padding-top: 140px;
    color: white;
}


     section.conenidoNinos{
            
            .fondocontenido.container {                    
                    top: -42px;                  
                    width: 92%;
                }

                .seccionGirl .contImgNina {
				    position: relative;
				    width: 369px;
				    height: 283px;				    
				    margin-top: -40px;    
				}
        }


        section#contFaq{
                .container.contenidoinfoFaqninod {
                    top: -42px;                  
                    width: 92%;
                }
            }
    
 section#contGlosarioNinos{

             .container.listglosario {       
                top: -68px;
            }

            .fondoA {  
                background-color: transparent; 
			    height: 289px;    
			    background-position: right top;
			}  

				.scrollglosario {
				    height: 76px;  
				    overflow-y: hidden;
				    overflow-x: scroll;
				    position: relative;
				}

				.glosario > li {
   
	                width: 3.3%;
	            }

	            .list {   
	               min-width: 1300px;               
	            }
       }
  
        .colInfeTwo{            
            .contardoV{
              float:none !important;
            }
        } 
    

/********************************************************************************/
/*******************************MAPA COOPERATIVAS INSCRITAS*********************/
/********************************************************************************/

    #mapacooperativas{
         div#map-canvas {    
            margin-top: 25px;
        }
      }

/***************************************************************/
/*********formulario PQRD**************************************/
/******************************************************************/
   /*  section#formularioPQRD {
    
       .contentFormulario  {
        position: relative;
        padding-bottom: 204.25%;   
        }       
    }*/


 /********************************************************************************/
/*******************************SGI*********************************/
/********************************************************************************/



    section#sistemaGestionIntegral {  
			.SGI {
			    position: relative;
			    margin-top: 30px;
			}
			      
			.centraSGI {    
            width: 33% !important;     
            left: 34% !important; 
            top: 0px;           
    		position: relative;  
        }



        .contentImage.bgimagenpagina {
        		max-height: 154px; 
      }

		.central span {
			font-size: 31px;
			line-height: 32px;
		}

        /*................indicador y documentos......................*/

              

             	.indicadorSGI {
             		    border-bottom: solid 0px #d5d5d5 !important;

             		.indicador {
					    width: 100% !important; 
					}
					.documentos {
					    width: 100% !important; 
					}
  
					ul.indicadorgeneral {

             			li.dfwp-item{

             				 .box-circle {
							    text-align: center;
							}


							 .roundIndicador{
	             				 width: 100% !important;
	             				 margin: 0  !important;
	             				 text-align: center !important;   
             			    }

             			}

             			
             		}

             	}

              /*................/indicador y documentos......................*/ 	

      .sgi-content {
        width: 100% ; 

        ul li.dfwp-item {		    
		    width: 100%;


  
		    .contenedorSGI {
			    border-radius: 0%; 
			    background: #ffffff;
			    display: inline-block;
			    justify-content: center;
			    align-items: center;
			    text-align: left;
			    box-shadow: 0px 0px 0px 0 lightgrey; 
			    position: relative;
			    width: 100%;
			    height: 106px;
			    padding-bottom: 0%;
			    overflow: hidden;
			    
			}
  
			

           



			 /*................acordemo movil......................*/

            .panel-default {
			    border-color: transparent;
			    display: block;
			}   


			.panel-default>.panel-heading {
		    color: #333;
		    background-color: transparent;
		    border-color: transparent;
		        border-bottom: solid 1px #d5d5d5;
			}


			.panel-default .panel-heading {

				 a.accordion-toggle.collapse1 .panel-title {
				    color: #2e7f97;
				    width: 50px;
				    height: 50px;
				    background: @gray;
				    border-radius: 50%;
				    text-align: center;

						span {
						    font-size: 18px;
						    top: 14px;
						    position: relative;
						    font-family: @ubu-med;
						    color: #2e7f97;
						}
				}

				 a.accordion-toggle.collapse2 .panel-title {
				    color: #508242;
				    width: 50px;
				    height: 50px;
				    background: @gray;
				    border-radius: 50%;
				    text-align: center;

				    span {
						    font-size: 18px;
						    top: 14px;
						    position: relative;
						    font-family: @ubu-med;
						    color: #508242;
						}
			    }

			     a.accordion-toggle.collapse3 .panel-title {
				    color: #4f3983;
				    width: 50px;
				    height: 50px;
				    background: @gray;
				    border-radius: 50%;
				    text-align: center;

				    span {
						    font-size: 18px;
						    top: 14px;
						    position: relative;
						    font-family: @ubu-med;
						    color: #4f3983;
						}
			    }

			     a.accordion-toggle.collapse4 .panel-title {
				    color: #e47c0b;
				    width: 50px;
				    height: 50px;
				    background: @gray;
				    border-radius: 50%;
				    text-align: center;

				    span {
						    font-size: 18px;
						    top: 14px;
						    position: relative;
						    font-family: @ubu-med;
						    color: #e47c0b;
						}
			    }
			}


			.panel-default .panel-heading .collapse1.accordion-toggle.collapsed:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e259";
			    color: #2e7f97;
			    font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}
  


			.panel-default .panel-heading .collapse1.accordion-toggle:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e260";
			    color: #2e7f97;
			    font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}




			.panel-default .panel-heading .collapse2.accordion-toggle.collapsed:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e259";
			    color: #508242;
			    font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}
  


			.panel-default .panel-heading .collapse2.accordion-toggle:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e260";
			    color: #508242;
			    font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}


			.panel-default .panel-heading .collapse3.accordion-toggle.collapsed:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e259";
			    color: #508242;
			    font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}
  


			.panel-default .panel-heading .collapse3.accordion-toggle:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e260";
			    color: #4f3983;
			    font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}
			.panel-default .panel-heading .collapse4.accordion-toggle.collapsed:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e259";
			    color: #e47c0b;
			     font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}
  


			.panel-default .panel-heading .collapse4.accordion-toggle:after {
			    font-family: 'Glyphicons Halflings';
			    content: "\e260";
			    color: #e47c0b;
			     font-size: 29px;
			    padding-top: 0px;
			    position: absolute;
			    font-weight: bold;
			    right: 15px;
			    top:22px;
			}
		}

             .linkCirculo {    
        		text-align: left !important;
			    width: 100% !important;
			    margin: 0 auto;
			    display: block;
			    left: 0% !important;
			    bottom: 0% !important;       		

                .titulo{
                	text-align: left !important;
                   font-size: 28px !important;
                    line-height: 28px !important;
                }
                .descripcion{
                	text-align: left !important;
                    font-size: 14px  !important;
                   line-height: 14px  !important; 

                }   
   
            }  
                 
       }     
    }
    

    /********************************************************************************/
    /*******************************Detalle indicador general**************************/
    /********************************************************************************/
    section#detalleIndicadorGeneral  {   
        
        ul.DetalleIndicadorGeneral{

                .IindicadorInfoDetalle {
                    width: 100%;
  
                     .infoIndTitulo {
                        padding-left: 0;
                           margin-bottom: 20px;

                        span {                
                            font-size: 17px !important;  
                            float: left; 
                             line-height: 24px; 

                        }
                    }

                    .infoIndDetalle {    
					     font-size: 17px;
					     line-height: 30px; 
    									    
					}    

					.bordeInfo {     
  						 padding: 20px 0px 0px 0px;
					}
                }  

            .indicadorImagen {   
                width: 100%;
                .contentbarraV {                      
                   transform: rotate(-90deg) translateX(-18px) translateY(81%) !important;  
                  
                } 
            }           
             
        }
    }



/********************************************************************************/
/*******************************DETALLE INDICADFOR*********************************/
/********************************************************************************/

  
		section#detalleIndicador {    

			.indicador{
	                width: 100%;
	                text-align: center;           
	          } 

			 .contenido-slider {
			 	    width: 100%;			 	       

				 ul#indicadoreslist {				   
				       position: relative;                       
				   
				}

			 .contesliderdetalle{
                    position: relative;                    
                    
                }
            }
		}

		 ul#indicadoreslist .contentSlider .contGrafica .progress.vertical {   
			       margin: -20px 40% !important;
			}	

}  




/*******************************************************************/
/******************************INDICADORES PAGINA******************/
/******************************************************************/

/*---------------------diseño de pagina sin imgen con menu------------------------------*/

/***********Indicador general************/

section#contenidomenuizquieda ul#indicadoreslist .contentSlider .contGrafica .progress.vertical {
    transform: rotate(-90deg) translateX(-118px) translateY(11px);
    width: 108px;
    top: -36px;
    position: absolute;
    /* text-align: center; */
}

/***********Indicador general************/

section#ContenidoLanding  ul#indicadoreslist .contentSlider .contGrafica .progress.vertical {
    transform: rotate(-90deg) translateX(-118px) translateY(11px);
    width: 108px;
    top: -36px;
    position: absolute;
    /* text-align: center; */
}


/*---------------------diseño de pagina sin imgen con menu------------------------------*/



/* ======================================================================================= */
/* =========================== /ESTILOS DISPOSITIVOS MÓVILES ============================== */
/* ======================================================================================= */

/* FIN JDC */

/* ====================== Media Queries Estilos Slider ================================== */
@media (max-width:480px) {


	section#AccesosInteres #contenttramites .ItemListTramites {
    height: auto;
    text-align: center;
    padding: 15px 0px 25px 0px;
}

/***************ENCABEZADO PORTAL Y FOOTER*************************/
	.container-fluid.superContHeader {
  
		.contHeaderLogos {
			.contLogoMenu {
					.logoFogacoop {
						img { 
							width: auto;
							margin-top: 17px;
							height: 28px;
							margin-bottom: 10px;
							margin-left: 13px;
						} 
					} 
				.minhaciendaLogo img {
					margin-top: 41px;
					height: 25px; 
				
				}
			} 
			
			.logosGobiernoPortalKids #imgLemaGov {
				height: 34px;
			   margin-top: 11px;  
			}
		}  

		.nopaddin {
			padding-right: 0px !important;
			padding-left: 0px !important;
		}    
		   
		  
	}

	footer .izquierda img {
	    margin: 0 auto;
	    height: 46px;  
	    width: auto;	    
	}       

    .owl-nav {
        display: block;
        position: relative;
        bottom: 254px;
    }

    .sliderprincipal .owl-nav .owl-prev {
        left: 0px;
    }

    .sliderprincipal .owl-nav .owl-next {
        right: 0px;
    }

	.sliderprincipal .contText span{display: none;} 

/***************************************************************/
/*********formulario PQRD**************************************/
/******************************************************************/
   /*  section#formularioPQRD {
    
       .contentFormulario  {
        position: relative;
        padding-bottom: 298.25%;  
        }       
    }*/


/********************************************************************************/
/***********************ENCABEZADO seguro para SU AHORRO********************/
/********************************************************************************/
header#seguroparasuahorro{
  
 .logo-seguro {
		   width: 58%;
		    float: left;
		    position: relative;
		    margin-left: 15px;	   

    	   img{
   	        height: 19px !important; 
		    margin-top: 26px !important;
		    margin-right: 9px !important;

		   }
		   
		   img#imgLemaGov {
				margin: 10px 0px !important;
				height: 42px !important;
			} 
		}   
   
		.logoFogacoop {
		    width: 38% !important;
		    float:left; 

		    img {    
			       position: relative;  
				    height: 30px !important;
					width: 155px !important; 
				    margin-top: 21px !important; 
				    margin-right: 5px; 
			}   
		}

}


/*****************formulario PQRD**************************************/

		#contentAccesos::before {
	        left: 10px !important;
	        bottom: 0px !important;
	}

	a:link {
		/*color: black*/;
	} 
	.owl-nav {
		/* display: none; */
	}
	.contPlay {
		display: none;
	}
	.sliderprincipal {
		height: 380px;

		.contImg.container {
			width: 95% !important;
			left: 0;
		}
		.contText {
			top: 180px;
			left: 0;
			width: 100%;
			padding: 15px;
			text-align: center;

			h2 {
				color: @fblue !important;
				font-family: @ubu-med; 
				font-size: 18px;
				text-align: center;
				text-shadow: none !important;
			}
			p {
				color: @fblue;
				font-size: 15px;
				padding-top: 0px;
				font-family: @ubu-med;
				text-shadow: none !important; 
				max-height: 65px;
    			overflow: hidden;
			}
			.btn {
				display: none;
			}
		}
		.owl-dots {
			margin-left: 0px;
    		width: 100%;
    		bottom: -10px;
    		text-align: center !important;
		}

			.owl-theme .owl-dots .owl-dot span {		 
		    background: @fblue;		   
		}
	}
	.owl-carousel .owl-item img {
		height: 180px;
	}
	.contentimgslider {
		height: 300px; /*300*/
	}
	.contReproductor {
		width: 0;
	}
	.subMenuNorma {
		width: 100%;
	}

	#contFaq {
			.panel-heading .accordion-toggle:after {
			right: 8px !important;
			/*margin-top: -55px !important;*/
		}
	}

	/*Cooperativas*/

	#contCooInscritas{

		.contUlFAQ{
			overflow: hidden;
			overflow-x: scroll; 
		}

		.nav-tabs { 
		    overflow: hidden;
		}

		.telCoo {
		    display: none !important;
		}

		.panel-group .panel-heading {
		    padding-right: 50px !important;
		}

		.nav-tabs > li > a {
		    font-size: 17px;
		}

		.panel-title a {
		    font-size: 17px;
		    padding-left: 0px;
		}

		.atenCoo {
		    display: none !important;
		}

		.webCoo {
		    display: none !important;
		}

		.contConsulta > div:nth-child(4) {
		    display: none;
		}

		.contConsulta > div:nth-child(5) {
		    display: inherit;
		    position: absolute;
		    right: 20px;
		    top: 0;
		    margin-top: 10px;
		}

		.contTitulos div {
		    width: 30%;
		}

		.contConsulta > div {
		    width: 100%;
		}

	}
	/*Cooperativas*/
	/*Normatividad*/
	#contNormatividad {
		.col-md-3 {
		    padding-right: 0px;
		    margin-bottom: 50px;
		}

		ul.contCaja li:nth-child(2) {
		    display: none;
		}

		ul.contCaja li:nth-child(4) {
		    width: 100%;
		}

		span.glyphicon.glyphicon-ok {
		    display: none;
		}

		ul.contCaja li:nth-child(3) {
		    display: none;
		}

		ul.contTab {
			height: 130px;
			li:nth-child(1) {
				width: 5%;
			}
			li:nth-child(2) {
				width: 80%;
			}
			li:nth-child(3) {
			    width: 100%;
			    position: absolute;
			    margin-top: 30px;
			    padding-left: 20px;
			    padding-top: 20px;
			    padding-right: 10px;

			}
			li:nth-child(4) {
			    width: 100%;
			    position: absolute;
			    margin-top: -30px;
			    padding-left: 15px;
			}
		}
	}
	/*Normatividad*/
	/*Historico Documentos*/
	#contHistoDoc {
		.col-md-3 {
		    padding-right: 0px;
		    margin-bottom: 50px;
		}

		ul.contCaja li:nth-child(2) {
		    display: none;
		}

		ul.contCaja li:nth-child(4) {
		    width: 100%;
		}

		span.glyphicon.glyphicon-ok {
		    display: none;
		}

		ul.contCaja li:nth-child(3) {
		    display: none;
		}

		ul.contTab {
			height: 145px;
			li:nth-child(1) {
				width: 5%;
			}
			li:nth-child(2) {
				width: 80%;
				padding-left: 20px;
			}
			li:nth-child(3) {
			    width: 100%;
			    position: absolute;
			    margin-top: 30px;
			    padding-left: 20px;
			    padding-top: 0px;
			    padding-right: 10px;

			}
			li:nth-child(4) {
			    width: 100%;
			    position: absolute;
			    margin-top: -30px;
			    padding-left: 15px;
			}
		}
	}
	/*Historico Documentos*/
	/*Preguntas Frecuentes*/
	/*Preguntas Frecuentes*/
	
		#contDetalleBoletin{
		 margin-bottom: 140px !important;
		.contBtnRedes {
		    float: left !important;
		    padding-left: 10px !important;
		}

		.contentImage {
		    max-width: 100% !important;
		    margin-right: 20px !important;
		}

		.leyendaimgen { 
		    width: 80% !important;
		}

		.botonDesVisu {
		    /* background-color: beige; */
		    width: 100% !important;
		}

		.contentImage.imgsinmenu {
		    max-width: 100% !important;
		}
	}


/* ============= HISTORICO BOLETIN ==========================*/


	.suscribe {
	    
		.contEmail {
		    padding-right: 15px;		         
		    padding-left: 15px;
		    width: 100%;
		}

		.contEnviar {
		    padding-left: 15px;
		}

		.textSusc {
		    margin-top: 30px;
		    margin-bottom: 20px;
		}
	}
/* ============= HISTORICO BOLETIN ==========================*/

	/* ============= Slider Niños ==========================*/
		.accesosNinos { 
		margin-top: 0px;

		.cont_icono {
		    white-space: nowrap;
		    text-align: center;
		    margin: 30px auto 30px;
		}
	}

		.sliderprincipalNinos {
		background-color: rgba(247, 196, 172, 0.25);
		    margin-top: 150px !important;

	/*Estilos Paginación Slider*/
	.owl-dots {
	    display: none;
	}

	.owl-carousel .owl-item img {
	    display: block;
	    width: auto; 
	    height: auto;
	}

	/*Fin Estilos Paginación Slider*/

	/*Estilos Next - Prev Slider*/
	.owl-nav {
		div {
			top: 30%;
		}
	}

	/*=================================*/

	/*Contenedores Slider*/

	.contImg {
	    position: relative;
	    bottom: 0px;

	    .contText {
		    text-align: center;
		    	h2{
    				/*color: #143d8d;*/
    				color: @fblue;
    				font-size: 32px; 
		    	}

		    	p{
				    /*color: #143d8d;*/
				    color: @fblue;
				    font-size: 18px;
				    float: left;
		    	}
		}
	}
}
	/* ============= //Slider Niños ==========================*/

	/* PORTAL NIÑOS CONOCENOS RESPONSIVE*/

		.bannerConocenosN
		{
		 .contBannerNinos
		 { 
		 	h2 
		 	{
		    	padding-top: 0px;
			    font-size: 52px;
			    margin-top: 140px; 
		    }
		  }
		}

		.seccionVideo{ 
			.contVideo{
				.textoV {
					margin-bottom: 45px; 

					.modiTexto{
						height: 360px;
					}
				}
			}
		}

		.seccionGirl{ 
			padding-bottom: 15px;
			    position: relative;
			.contImgNina{
				background-color: #ff940a;
				top: 0;
			    float: left;
			    display: block;
			    margin-top: 0px;
				img{
					    width: 245px;
				}
			}
			.grillaInfo{ 
				.contInfoNinos{ 
					.contCasillas {
						margin-bottom: 30px;
					 	height: auto;
						p{
						   padding-bottom: 55px;
						}

						img{
						   bottom: 45px;  
						}
					}
				}
			}
		}
  
		.seccionPeople {
		    background-color: rgb(255, 253, 244);
		    padding-bottom: 40px;
		    background-size: auto 13%;
		    background-repeat: no-repeat;
		    background-position: bottom;
			padding-bottom: 40px;
			.contAccesosNCono {
				.grillaInfoNinos {
					    margin-bottom: 30px;
					img {
					display: block;
					margin: 0 auto;
					}
				}
			}
		}
	/* //PORTAL NIÑOS CONOCENOS RESPONSIVE*/  
	/* PORTAL NIÑOS FOOTER MARTES PAG */

	.colorFooter {
	    margin-top: 0px;
	}

	.contFooter1 {
	    height: 435px;
	    /*background-color: aquamarine;*/

	    .sedePrincipal {
	    	text-align: center !important;
		    	div {
			    margin-top: 20px;
			    font-size: 28px;
			    color: #0077c0;
			    font-family: shadows;
			}

			ul{
				text-align: center !important;
				padding-left: 0px;
				li{
					p{
						margin-top: 0px;
					    font-size: 16px;
					    font-family: allerr;
					    color: #666666;
					    margin-bottom: 5px;
					}
				}
			}
		}
 
		.canalesA {
			text-align: center !important;
		    	div {
			    margin-top: 0px;
			    font-size: 28px;
			    color: #0077c0;
			    font-family: shadows;
			}

			ul{
				text-align: center !important;
				padding-left: 0px;
				li{
					p{
						margin-top: 0px;
					    font-size: 16px;
			
					    font-family: allerr;
					    color: #666666;
					    margin-bottom: 5px;
					}
				}
			}
		}

		.logoGovPortalninos img {
			margin: 0 auto;
		} 
	}

	.contFooter2 {
		display: inline-block;
		padding-top: 1.2%;
        height: 10%;
	    border-top: solid 1px #0077c0;
	    border-bottom: solid 1px #0077c0;  
	    /* background-color: blueviolet; */
	    margin-bottom: 20px;

	    .colInfeOne {

		    #ulInferiorN {
			    display: block;
		        margin-bottom: 25px;
				float: left;

			    li{
			    	float: left;
				    padding-right: 10px;
				    border-right: solid 0px #666666;
				    height: 20px;
				    padding-left: 10px;
				     width: 100%;
						text-align: center;
						
						a{
							white-space: initial;
								font-size: 12px;
								display: block;
								line-height: normal;
								
						}
			    } 

			    li:nth-child(1){
			    	padding-left: 0px;
			    }
  
			    li:last-child{
					margin-bottom: 5%; 	 
									
			    }

			    p{
			    	font-size: 14px;
				    color: #666666;
					font-family: allerr;
					float: left;
					width: 100%;
					margin: 0px !important; 
			    }
			}


		}

		.colInfeTwo {

		   .contardoV {
				    color: #337ab7;
				    font-size: 14px;
				    float: none;
				    text-align: center;
				}
		}

	}
	/* //PORTAL NIÑOS FOOTER MARTES PAG */
  
}

@media (min-width:481px) and (max-width:767px) {


/********************************************************************************/
/***********************ENCABEZADO seguro para SU AHORRO********************/
/********************************************************************************/
/*header#seguroparasuahorro{
  
 .logo-seguro {
		   width: 66%;
		    float: left;
		    position: relative;
		    margin-left: 15px;	   

    	   img{
    	   	height:33px !important;
    	   	margin-top: 32px !important;
    	   	margin-right: 30px;

    	   }
		}
 
		.logoFogacoop {
		    width: 30%;
		    float:left;

		    img {    
			    position: relative;
			    height: 69px !important;
			    width: 148px;
			    margin-top: 19px;
			}  
		}

}*/

/***************************************************************/
/*********formulario PQRD**************************************/
/******************************************************************/
  


	/* ============= Slider Niños ==========================*/
		.accesosNinos { 
		margin-top: 0px;
	}

		.sliderprincipalNinos {
		background-color: rgba(247, 196, 172, 0.25); 

	/*Estilos Paginación Slider*/
	.owl-dots {
	    display: none;
	}

	.owl-carousel .owl-item img {
	    display: block;
	    width: 100%; 
	}

	/*Fin Estilos Paginación Slider*/

	/*Estilos Next - Prev Slider*/
	.owl-nav {
		div {
			top: 30%;
		}
	}

	/*=================================*/

	/*Contenedores Slider*/

	.contImg {
	    position: relative;
	    bottom: 0px;

	    .contText {
		    text-align: center;
		    	h2{
    				/*color: #143d8d;*/
    				color: @fblue;
    				font-size: 32px; 
		    	}

		    	p{
				    /*color: #143d8d;*/
				    color: @fblue;
				    font-size: 18px;
				    /*float: left;*/
				    text-align: center;
		    	}
		}
	}
}
	/* ============= //Slider Niños ==========================*/

	/* Historico Boletines*/

	.contHBoletines #BoletinBloques2 .imagen {
	        height: 217px;
           min-height: 225px;
	    
	} 

	.suscribe {
	    
		.contEmail {
		    padding-right: 15px;
		    padding-left: 15px;
		    width: 100%;  
		}

		.contEnviar {
		    padding-left: 15px;
		}

		.textSusc {
		    margin-top: 30px;
		    margin-bottom: 20px;
		}
	}
	/*Historico Boletines*/

	.owl-nav {
		display: none;
	}
	.contPlay {
		display: none;
	}
	.sliderprincipal {
		margin-bottom: 50px !important;

		/*height: 320px;*/
		.contImg.container {
			width: 50%;
		}
		.contText {
			color: white;
			top: 1%;
			width: 80%;

			.btn {
				display: none;
			}
			h2 {
				font-size: 20px;
			}
			p {
				padding-top: 0px;
				font-size: 14px;
			}
		}
		.owl-dots {
			left: 50%;
			margin-left: -75px;
			bottom: 32px; 
		}
	}
	.contentimgslider {
		height: auto; /*350*/
	}
	.contReproductor {
		width: 0;
	}

	/* PORTAL NIÑOS CONOCENOS RESPONSIVE*/

		.bannerConocenosN
		{
		 .contBannerNinos
		 { 
		 	h2 
		 	{
		    	padding-top: 130px; 
		    }
		  }
		}

		.seccionVideo{ 
			.contVideo{
				.textoV {
					margin-bottom: 25px; 
				}
			}
		}

		.seccionGirl{ 
			padding-bottom: 15px;
			.grillaInfo{ 
				.contInfoNinos{ 
					.contCasillas {
						margin-bottom: 30px;
					 	height: auto;
						p{
						   padding-bottom: 55px;
						}

						img{
						   bottom: 45px;  
						}
					}
				}
			}
		}

		.seccionPeople {
		    background-color: rgb(255, 253, 244);
		    padding-bottom: 40px;
		    background-size: auto 50%;
		    background-repeat: no-repeat;
		    background-position: bottom;
			padding-bottom: 40px;
			.contAccesosNCono {
				.grillaInfoNinos {
					    margin-bottom: 30px;
					img {
					display: block;
					margin: 0 auto;
					}
				}
			}
		}
	/* //PORTAL NIÑOS CONOCENOS RESPONSIVE*/  

	/* PORTAL NIÑOS FOOTER MARTES PAG */
	.contFooter1 {
	    height: 330px;
	    margin-top: 5%;
	    /*background-color: aquamarine;*/

	    .sedePrincipal {
	    	text-align: center !important;
		    	div {
			    margin-top: 20px;
			    font-size: 28px;
			    color: #0077c0;
			    font-family: shadows;
			    text-align: center !important;
			}

			ul{
				text-align: center !important;
				padding-left: 0px;
				li{
					p{
						margin-top: 0px;
					    font-size: 16px;
					    font-family: allerr;
					    color: #666666;
					    margin-bottom: 5px;
					}
				}
			}
		}

		.canalesA {
			text-align: center !important;
		    	div {
			    margin-top: 20px;
			    font-size: 28px;
			    color: #0077c0;
			    font-family: shadows;
			}

			ul{
				text-align: center !important;
				padding-left: 0px;
				li{
					p{
						margin-top: 0px;
					    font-size: 16px;
			
					    font-family: allerr;
					    color: #666666;
					    margin-bottom: 5px;
					}
				}
			}
		}

		
			.logoGovPortalninos {
				width: 100%;
				margin: 0 auto;
				padding: 30px 0px 10px 0px;
				img{
					margin: 0 auto; 
				}
			}  
			
	

	}

	.contFooter2 {
		padding-top: 1.2%;
        height: 115px;
	    border-top: solid 1px #0077c0;
	    border-bottom: solid 1px #0077c0;  
	    /* background-color: blueviolet; */
	    margin-bottom: 20px;

	    .colInfeOne {

		    #ulInferiorN {
			    display: block;

			    li{
			    	float: left;
				    padding-right: 10px;
				    border-right: solid 0px #666666;
				    height: 20px;
				    padding-left: 10px;
				     width: 100%;
   					 text-align: center;
			    }

			    li:nth-child(1){
			    	padding-left: 0px;
			    }

			    p{
			    	font-size: 14px;
				    color: #666666;
				    font-family: allerr;
			    }
			}
		}

		.colInfeTwo {

		    .contardoV {
				    color: #337ab7;
				    font-size: 14px;
				    float: none;
				    text-align: center;
				}
		}

	}
	/* //PORTAL NIÑOS FOOTER MARTES PAG */




	
}
@media (min-width:768px) and (max-width:1023px) {
	.owl-prev {
		left: 2% !important;
	}
	.owl-next {
		right: 3% !important;
	}
	.sliderprincipal {
		.contReproductor {
			display: none;
		}
		.contText {
			top: 2%;
			width: 90%;

			.btn {
				margin: 10px 0px;
				padding: 8px 20px;
				font-size: 15px;
			}
			h2 {
				font-size: 18px;  
			}
			p {
				padding-top: 0px; 
				font-size: 15px;
				max-height: 85px;  
			}

			span{
				font-size: 15px;
			}
		}
		.owl-dots {
			margin-top: 15px;
			/*margin-left: -100px;*/
			position: relative;
    		bottom: 45px;
    		width: 100%;
    		text-align: center !important;  
		}

		.owl-theme .owl-nav {
		    position: absolute; 
		    width: 100%;
		    top: 25%;
		}

		.contImg{
			width: 45%;
		    z-index: 100;
		    bottom: 0px;
		    right: 0;
		    height: 100%;
		    /*background-color: red;*/
		}
	}

	/* ============= Slider Niños ==========================*/
		.accesosNinos { 
		margin-top: 0px;
	}

		.sliderprincipalNinos {
		background-color: rgba(247, 196, 172, 0.25);

	/*Estilos Paginación Slider*/
	.owl-dots {
	    top: 65%;
	}

	/*Fin Estilos Paginación Slider*/

	/*Estilos Next - Prev Slider*/
	.owl-nav {
		div {
			top: 30%;
		}
	}

	/*=================================*/



	/*Contenedores Slider*/

	.contImg {
	    position: relative;
	    bottom: 0px;

	    .contText {
		    text-align: center;
		    	h2{
    				/*color: #143d8d;*/
    				color: @fblue;
    				font-size: 55px;
		    	}

		    	p{
				    /*color: #143d8d;*/
				    color: @fblue;
				    font-size: 21px;
		    	}
		}
	}
}


/******************SEGURO PARA SU AHORRO*******************/

	section.container-fluid.sliderprincipalNinos.nopaddin.seguroAhorro {
		.contentimgslider.col-md-12 {   
		    height: 366px;
		    max-height: 366px;		

		    .contImg {
	 	 	top: -282px;
			    width: 80%;
			    margin: 0 auto; 

			    .contText h2 {
				    color: #fff !important;
				}
	 	 	.contText p {		  
			    font-size: 17px !important;
			    color: #fff !important;
			}
	 	 }    
		}
	 	 
	}

	/******************FIN SEGURO PARA SU AHORRO*******************/
	/* ============= //Slider Niños ==========================*/

	#contCooInscritas{

		.nav-tabs > li > a {
		    font-size: 17px;
		}

		.panel-title a {
		    font-size: 17px;
		}

		.webCoo {
		    display: none !important;
		}

		.contConsulta > div:nth-child(4) {
		    display: none;
		}

		.contConsulta > div:nth-child(5) {
		    display: inherit;
		    position: absolute;
		    right: 0;
		    top: 0;
		    margin-top: 10px;
		}

		.contTitulos div {
		    width: 30%;
		}

		.contConsulta > div {
		    width: 30%;
		}

	}

	#contNormatividad {
		.col-md-3 {
		    padding-right: 0px;
		    margin-bottom: 50px;
		}

		ul.contCaja li:nth-child(2) {
		    display: none;
		}

		ul.contCaja li:nth-child(4) {
		    width: 100%;
		}

		span.glyphicon.glyphicon-ok {
		    display: none;
		}

		ul.contCaja li:nth-child(3) {
		    display: none;
		}

		ul.contTab {
			height: 80px;
			li:nth-child(1) {
				width: 5%;
			}
			li:nth-child(2) {
				width: 80%;
			}
			li:nth-child(3) {
			    width: 100%;
			    position: absolute;
			    margin-top: 30px;
			    padding-left: 35px;
			}
			li:nth-child(4) {
				width: 20%;
			}
		}
	}

	#contHistoDoc {

		.col-md-3 {
		    padding-right: 0px;
		    margin-bottom: 50px;
		}

		ul.contCaja li:nth-child(2) {
		    display: none;
		}

		ul.contCaja li:nth-child(4) {
		    width: 100%;
		}

		span.glyphicon.glyphicon-ok {
		    display: none;
		}

		ul.contCaja li:nth-child(3) {
		    display: none;
		}

		ul.contTab {
			height: 80px;
			li:nth-child(1) {
				width: 5%;
				padding-left: 10px;
			}
			li:nth-child(2) {
				width: 80%;
			}
			li:nth-child(3) {
			    width: 100%;
			    position: absolute;
			    margin-top: 30px;
			    padding-left: 35px;
			}
			li:nth-child(4) {
				width: 20%;
			}
		}

	}

	#contDetalleBoletin{
		 margin-bottom: 140px !important;
		.contBtnRedes {
		    float: left !important;
		    padding-left: 10px !important;
		}

		.contentImage {
		    max-width: 40% !important;
		    margin-right: 20px !important;
		}

		.leyendaimgen { 
		    width: 80% !important;
		}

		.botonDesVisu {
		    /* background-color: beige; */
		    width: 100% !important;
		}
	}

	/* PORTAL NIÑOS CONOCENOS RESPONSIVE*/

		.bannerConocenosN
		{
		 .contBannerNinos
		 { 
		 	h2 
		 	{
		    	padding-top: 130px; 
		    }
		  }
		}

		.seccionVideo{ 
			.contVideo{
				.textoV {
					margin-bottom: 25px; 
				}
			}
		}

		.seccionGirl{ 
			padding-bottom: 15px;
			.grillaInfo{ 
				.contInfoNinos{ 
					.contCasillas {
						margin-bottom: 30px;
					 	height: auto;
						p{
						   padding-bottom: 55px;
						}

						img{
						   bottom: 45px;  
						}
					}
				}
			}
		}

		.seccionPeople {
		    background-color: rgb(255, 253, 244);
		    padding-bottom: 40px;
		    background-size: auto 50%;
		    background-repeat: no-repeat;
		    background-position: bottom;
			padding-bottom: 40px;
			.contAccesosNCono {
				.grillaInfoNinos {
					img {
					display: block;
					margin: 0 auto;
					}
				}
			}
		}
	/* //PORTAL NIÑOS CONOCENOS RESPONSIVE*/	

	/* PORTAL NIÑOS FOOTER MARTES PAG */
	.contFooter1 {
	    height: 190px;
	    /*background-color: aquamarine;*/

	    .sedePrincipal {
	    	text-align: left !important;
		    	div {
			    margin-top: 20px;
			    font-size: 28px;
			    color: #0077c0;
			    font-family: shadows;
			}

			ul{
				text-align: left !important;
				padding-left: 0px;
				li{
					p{
						margin-top: 0px;
					    font-size: 16px;
					    font-family: allerr;
					    color: #666666;
					    margin-bottom: 5px;
					}
				}
			}
		}

		.canalesA {
			text-align: right !important;
		    	div {
			    margin-top: 20px;
			    font-size: 28px;
			    color: #0077c0;
			    font-family: shadows;
			}

			ul{
				text-align: right !important;
				padding-left: 0px;
				li{
					p{
						margin-top: 0px;
					    font-size: 16px;
			
					    font-family: allerr;
					    color: #666666;
					    margin-bottom: 5px;
					}
				}
			}
		}

		.webPartFix5 {
			width: 50%;
		}

		.webPartFix7 {
			width: 50%;
		} 
	}

	.contFooter2 {
		padding-top: 1.2%;
        height: 60px;
	    border-top: solid 1px #0077c0;
	    border-bottom: solid 1px #0077c0;  
	    /* background-color: blueviolet; */
	    margin-bottom: 20px;

	    .colInfeOne {

		    #ulInferiorN {
			    display: block;

			    li{
			    	float: left;
				    padding-right: 10px;
				    border-right: solid 1px #666666;
				    height: 20px;
				    padding-left: 10px;
			    }

			    li:nth-child(1){
			    	padding-left: 0px;
			    }

			    p{
			    	font-size: 14px;
				    color: #666666;
				    font-family: allerr;
			    }
			}
		}

		.colInfeTwo {

		    p{	
		    	margin-top: 1%;
		    	text-align: center;
		    }
		}

	}
	/* //PORTAL NIÑOS FOOTER MARTES PAG */

}


@media (min-width:980px) and (max-width:1200px) {
	.owl-prev {
		left: 2% !important;
	}
	.owl-next {
		right: 3% !important;
	}
	.sliderprincipal {
		.contReproductor {
			width: 65%;
		}
		.contText {
			top: 10%;
		}
		.owl-dots {
			margin-left: -145px;
		}
	}
}
@media (max-width:650px) {
	ul.cont_acceRapidos {
		display: inline-block;
	}
	ul.cont_acceRapidos li {
		width: 100%;
		margin-bottom: 50px;
	}
	
}




/* ====================== //Media Queries Estilos Slider ================================== */

/*@media (max-width: 500px) {
    .calificacion .rating {
        width: 40% !important;
    }

    .contBtnRedesVertical {
        width: 60%;
        position: relative;
        right: 0px;
        top: -5px;
        display: inline-block;
    }
}*/


@media (max-width: 640px){
.fixedConteSinImg .contentInfo img {
    width: 40px !important;
    height: auto !important;
    margin-top:  15px;
}

.verDocumento{
    margin-left: 40%;
}


}

@media (max-width:320px) {
	.menuPUlLi .contBtnRedes.btn-redes-ninos .fb-like.fb_iframe_widget {
	    display: none;
	}

	.menuPUlLi .contBtnRedes.btn-redes-ninos .facebookShareButton {
	    margin-left: 8%;
	}


/********************************************************************************/
/***********************ENCABEZADO seguro para SU AHORRO********************/
/********************************************************************************/
header#seguroparasuahorro{
  
 .logo-seguro {
		   width: 66%;
		    float: left;
		    position: relative;
		    margin-left: 15px;	   

    	   img{
   	        height: 17px !important; 
		    margin-top: 26px !important;
		    margin-right: 9px !important;

    	   }
		} 
 
		.logoFogacoop {
		    width: 29% !important;
		    float:left;

		    img {    
			       position: relative;
				    height: 36px !important;
				    width: 73px;
				    margin-top: 12px;
				    margin-right: 5px;
			}   
		}

}

}